.ssy-text-list {
    padding-left: 0;
    list-style: none;
    .list-item {
		line-height: 1.8rem;
        position: relative;
        .item-link {
            display: inline-block;    
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 100%;
            font-size: 0.875rem;
        }
        .item-time {
            position: absolute;
            right: 0;
            top: 0;
            color: @mutedColor;
            font-size: 0.875rem;
        }
    }
    &.ssy-text-list-time {
        .list-item {
            padding-right: 80px;
        }
    }
}
.ssy-media-list {
    padding-left: 0px;
    list-style: none;
    .list-item {
        border-bottom: 1px solid #ddd;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        overflow: hidden;
        .item-media {
            background-color: fade(@mutedColor,20%);
            position: relative;
            overflow: hidden;
            float: left;
//          width: 240px;
            width: 15rem;
            .item-link {
                transition: all .5s;
                display: block;
//              height: 153px;
                height: 9rem;
                position: initial;
                .mip-layout-container {
                    position: initial;
                }
                & img {
                    width: 100%;
                    margin: 0 auto;
                    min-width: auto;
                    max-width: inherit;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    height: auto;
                    transform: translate(-50%, -50%);
                }
            }
            &:hover .item-link {
                display: block;
                  transition: all 0.5s;
                  transform: scale3d(1.1, 1.1, 1);
            }
        }
        .item-content {
            padding-left: 16rem;
            h4 {
                font-size: 1.2rem;
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                word-break: break-all;
                text-decoration: none;
                width: 100%;
                a {
                }
            }
            p {
                color: @mutedColor;
                font-size: 0.9rem;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                display: -webkit-box;
                -webkit-line-clamp: 2;
            }
        }
    }
}



@media (max-width: 575.98px) {
    .ssy-media-list {
        .list-item {
            .item-media {
                display: none;
            }
            .item-content {
                padding-left: 0;
            }
        }
    }
}
